@import '../../base.scss';

.tab-bottom{
    height: rem(100px);
    position: fixed;
    bottom: 0;
    left: 0;
   -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    text-align: center;
    >li{
        flex:1;
        font-size: 12px;
        color:#999999;
        display: flex;
        flex-direction: column;
        align-items: center;
        &.active{
            color:#1a8afa;  
        }
        img{
          
            width:rem(162px/3.5);
            height: rem(162px/3.5); 
        }
        span{
            margin-top:rem(10px);
        }
    }
}